.survey-date-main{
  .survey-left{
    background: #fff;
    height: 520px;
    box-shadow: 0px 3px 3px 0px
    #e7ecf4;
    border: solid 1px #e4e8ec;
    .allNum{
      overflow: hidden;
      label{
        text-indent: 20px;
        float: left;
        width: 50%;
        line-height: 30px;
        color: #666;
        span{
          color: #333;
          font-weight: bold;
        }
      }
    }
    h2{
      font-size: 18px;
      font-weight: normal;
      line-height: 50px;
      text-indent: 20px;
    }
    .survey-left-module{
      p{
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        color: #666;
        background: #f9f9f9;
        border-top: 1px solid #e8e8e8;
        //border-bottom: 1px solid #e8e8e8;
      }

      ul{
        border-bottom:1px solid #e8e8e8;
        overflow: hidden;
        li{
          padding: 8px 0;
          float: left;
          width: 33.33%;
          box-sizing: border-box;
          border-right: 1px solid #e8e8e8;
          label{
            font-size: 14px;
            color: #666;
            text-align: center;
            display: block;
            margin-bottom: 5px;
          }
          span{
            font-size: 14px;
            color: #333;
            font-weight: bold;
            text-align: center;
            display: block;
          }
        }
        :first-child{
          span{
            color: #1784ff;
          }
        }
        :nth-child(2){
          span{
            color: #00e9dd;
          }
        }
        :last-child{
          span{
            color: #1784ff;
          }
          border-right: 0;
        }
      }
    }
    .survey-left-module:last-child{
      p: {
        border-top: 0;}
    }
  }

  .survey-ech-title{
    font-size:18px;
    color: #333;
    text-align: left;
    text-indent: 20px;
    line-height: 50px;
  }
  .survey-profit,.survey-monitor,.survey-monitor,.survey-flow,.survey-carbon-sava{
    background: #fff;
  }
  .survey-profit{
    height: 250px;
    box-shadow: 0px 3px 3px 0px
    #e7ecf4;
    border: solid 1px #e4e8ec;
  }
  .survey-flow{
    height: 250px;
    margin-top: 20px;
    box-shadow: 0px 3px 3px 0px
    #e7ecf4;
    border: solid 1px #e4e8ec;
  }

  .survey-monitor{
    height: 520px;
    box-shadow: 0px 3px 3px 0px
    #e7ecf4;
    border: solid 1px #e4e8ec;
  }
  .survey-statistics{
    background: #e8ebef;
    height: 170px;
  }
  .survey-carbon-sava{
    margin-top: 20px;
    height: 260px;
    box-shadow: 0px 3px 3px 0px
    #e7ecf4;
    border: solid 1px #e4e8ec;
  }
  .el-progress-bar__outer{
    background: #f9f9f9;
  }
  .search-input{
    .search-box{
      .el-progress-bar__outer{
        width: 90%;
      }
      padding-top: 30px;
      label{
        width: 70px;
      }
      .search-input-box{
        margin-top: 7px;
        margin-left: 80px;
      }
      span{
        color: #999;
        text-align: right;
        display: block;
        font-size: 12px;
        margin-top: 5px;
        margin-right: 35px;

      }
    }
  }

.survey-carbon-sava-left{
  float: left;
  width: 100%;
}
  .survey-carbon-sava-right{
    float: right;
    width: 20%;
    text-align: center;
    img{
    height: 150px;
      margin-top: 30px;
    }
  }
}
